﻿<Page
    x:Class="LearnEnglishWords.UI.Views.EnglishCardView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:LearnEnglishWords.UI.Views"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Utils="using:LearnEnglishWords.UI.Converters"
    mc:Ignorable="d"
    Background="{StaticResource aBlue}">

    <Grid>
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
                <RowDefinition Height="100"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>

            <Rectangle Fill="{StaticResource aWhite}" RadiusX="15" RadiusY="15" Grid.RowSpan="5" 
                        Grid.ColumnSpan="2"/>

            

            <TextBlock Text="{Binding EnglishWord}" 
                       Margin="15, 30"
                   Foreground="{StaticResource aRed}" 
                   FontSize="{StaticResource SuperLargeFontSize}" 
                   HorizontalAlignment="Center" VerticalAlignment="Center" 
                    Grid.ColumnSpan="2" Grid.Row="1" />


            <TextBlock Text="{Binding Transcription}" 
                   Foreground="{StaticResource aGray}" 
                   FontSize="{StaticResource RegularFontSize}" 
                   HorizontalAlignment="Center" VerticalAlignment="Center" 
                   Grid.Row="2"  />

            <TextBlock Text="{Binding ContentWord}" 
                   Foreground="{StaticResource aLightGray}" 
                   FontSize="{StaticResource RegularFontSize}" 
                   HorizontalAlignment="Center" VerticalAlignment="Center" 
                   TextWrapping="Wrap" 
                   TextAlignment="Center" Grid.Row="2" Grid.Column="1"/>

            <TextBlock Text="{Binding Examples}" 
                       Margin="15"
                   Foreground="{StaticResource aLightGray}" 
                   FontSize="{StaticResource SmallFontSize}" 
                   HorizontalAlignment="Center" VerticalAlignment="Center" 
                   TextWrapping="Wrap" TextAlignment="Center" 
                   Grid.Row="3" Grid.ColumnSpan="2"/>


            
        </Grid>
    </Grid>
</Page>
